import Hello from "../components/Hello.vue";
// 定义并导出一个Vue插件
export default {
  // 只要有人安装插件，就会引起插件中install方法的调用
  /* 
    1.install方法何时调用？ —— 有人use时
    2.install方法中的this是谁？ —— 插件本身
    3.install方法收到什么参数？ —— Vue
    4.install方法是否需要写返回值？ —— 不用
  */
  install(Vue){

    // 注册全局过滤器
    Vue.filter('upper',function(value){
      return value.toUpperCase()
    })

    // 注册全局指令
    Vue.directive('very-beauty',function(element,{value}){
      element.innerText += value
      element.style.color = 'red'
      element.style.backgroundColor = 'green'
      element.style.boxShadow = '0 0 10px yellow'
      element.style.padding = '10px'
      element.style.borderRadius = '10px'
    })

    // 注册全局组件
    Vue.component('Hello',Hello)

    // 给Vue原型上添加属性
    Vue.prototype.school = '尚硅谷'

    // 给Vue原型上添加方法
    Vue.prototype.study = function(){
      alert('我在和努力的学习')
    }
  }
}
